.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
.webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: rgba(188, 188, 188, 0.93); padding: 10px 15px; color: #fff; text-align: center; border-radius: 3px; overflow: hidden; }

/*******************************/
.uploadFile { padding-top: 50px; }
#J_zcd_fileList { overflow: hidden; padding: 10px 0 0 2px; }
#J_zcd_fileList li { position: relative; float: left; width: 85px; height: 85px; overflow: hidden; margin: 0 0 12px 12px; }
#J_zcd_fileList li img { -webkit-transition: all 0.3s linear 0s; }
.webuploader-pick { display: block; padding: 0; width: 54px; height: 28px; line-height: 28px; text-align: center; margin: 0 auto 10px; background: #fff; color: #11ADFF; border: 1px solid #11ADFF; font-size: 13px; }
.webuploader-pick:hover { background-color: #11ADFF; color: #fff; }
.pt1 { color: #565656; font-size: 14px; }
.pt2 { padding-top: 5px; color: #999; }
.up-success { position: absolute; left: 0; top: 0; z-index: 4; width: 26px; height: 26px; background: url(../images/success.png) no-repeat; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.up-error { position: absolute; left: 0; bottom: 0; z-index: 4; width: 85px; height: 20px; line-height: 20px; background: red; color: #fff; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.up-title { position: absolute; bottom: -20px; left: 0; width: 85px; height: 20px; }
.up-title i { position: absolute; left: 0; top: 0; width: 85px; height: 20px; }
.up-mask { position: absolute; left: 0; width: 85px; height: 20px; z-index: 1; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }
.up-tit { z-index: 2; width: 83px; padding-left: 2px; color: #fff; }
.up-opert { position: absolute; top: -20px; left: 0; width: 85px; height: 20px; }
.rotateL, .rotateR, .del { position: relative; z-index: 3; float: left; width: 20px; height: 20px; background: url(../images/icons.png) no-repeat; margin-left: 7px; cursor: pointer; }
.rotateL { background-position: 3px -19px; }
.rotateR { background-position: -19px -19px; }
.del { background-position: -41px -19px; }
.rotateL:hover { background-position: 3px 3px; }
.rotateR:hover { background-position: -19px 3px; }
.del:hover { background-position: -41px 3px; }
.up-progress { position: absolute; bottom: 20px; left: 0; width: 0; height: 5px; background-color: #1EEAEC; }

/***************************/
.webuploader-pick-hover { background: #11ADFF; color: #fff; }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }